@charset "utf-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font-family: "Microsoft Yahei"; color: #666; font-size: 13px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;}

a{color: #333; text-decoration: none;} 

a:hover{color:#ffa401; text-decoration: none;}

.w1100{ width:1400px; margin:0 auto;  overflow:hidden;}

.w1000{width:1400px; margin: 0 auto; overflow:hidden;}

.w1020{width:1400px; margin: 0 auto; overflow:hidden;}

.wb100{width:1400px; margin: 0 auto; }

.to5{ padding-top:5px;}

.top2{ padding-top:18px;}

.top3{ padding-top:20px;}

.top5{ padding-top:28px;}

.top36{ padding-top:36px;}

.top30{ margin-top:30px;}

.top60{ margin-top:60px;}



.top12{ margin-top:15px; overflow:hidden;}

.pa{ position:absolute;}

.pr{ position:relative}

.mt50{ margin-top:50px}

.mt25{ margin-top:25px}



.f_pr{position:relative;}

.f_pa{position:absolute;}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clear{ clear:both; height: 0; overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.box,.content,.w1200,.width-1200{ width:1400px; margin:0 auto;}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 1400px;}  /*版面宽度*/
.page_content{ width:930px;} /*右边宽度*/
.page_left{ width:240px;} /*左边宽度*/
.page_full{ width:100%;}
.dis{ display:none;}
.mt30 {margin-top: 30px;}

.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-clamp-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp-3{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.titis{height: 99px;text-align: center;background:url(../img/titl.jpg) no-repeat center bottom;margin-bottom:25px;}

.titis h4 {height: 50px;line-height: 50px;font-size:40px; color:#009a44;}

.titis h4 a {color: #212121;}

.titis p{font-size:20px;color: #333333;height: 26px;line-height: 26px;}

.ys01_tit em{ display:block; margin:0 auto;}
.ys01_tit em { width: 60px;  margin: auto;  display:block; margin-top:20px; height:12px;overflow: hidden;}
.ys01_tit em i { display:block; float:left; width:12px; height:12px; border-radius:50%; background:#b9b9b9;animation: bounce_fountainG 1.2s linear infinite;} 
.ys01_tit em i+i{ margin-left:10px;}
.ys01_tit em i:nth-child(1){animation-delay: .4s;}
.ys01_tit em i:nth-child(2){background:#00b54e;animation-delay: .6s;}
.ys01_tit em i:nth-child(3){animation-delay: .8s;}
@keyframes bounce_fountainG { 
0% {
transform:scale(1);
}
100% {
transform:scale(.5);
}
}


/*首页留言*/



#feedback_c{width:800px; float:left;margin-left:50px; }
#feedback_c b {
    display: block;
    font-size: 40px;
    color: #fff;
    line-height: 50px;
    margin-bottom: 20px;
}
#feedback_c .button.btn_message{
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    
    margin-top:25px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 60px;
    
    line-height: 55px;
    background: #ffa401;
    font-size: 16px;
    color: #fff;
    
}
#feedback_c li{width:180px;float:left;}
#feedback_c li:nth-of-type(3){
    width: 300px;
}
#feedback_c li+li{ margin-left:40px;}  
 #feedback_c .wbf-input { font-size: 14px;
    width: 100%;
    height: 55px;border:none;
    padding: 15px 25px;
   margin-top: 10px;    background: #fff;
    line-height: normal;
    box-sizing: border-box;
}
  #feedback_c input.button.btn_message{
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    margin-left: 55%;
    margin-top: 10px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 30px;
    border-radius: 30px;
    line-height: 40px;
    background: #666;
    font-size: 16px;
    color: #fff;
    border: none;
    
}
  #feedback_c .text-center{
      margin-left: 42px;
  }
  #feedback_c .feedback_form input,
#feedback_c .feedback_form textarea{
    border: 1px solid #eee; font-size: 14px;
  border-radius: 5px;}
  
#feedback_c.fb_message textarea{width: 100%;padding: 15px 15px;background: #f5f5f5; margin-top: 10px;}
  
  #feedback_c .wbf-code { float: left;
    width:180px; border: 1px solid #fff;
    height: 55px;
    padding: 12px 30px;
    margin: 0 10px 0 0;
    line-height: normal;
    box-sizing: border-box;
}
#feedback_c .yzma { width:400px;margin-left: 0;
  margin-top:25px;
}
#feedback_c .yzma img{ vertical-align: middle; background: #fff;
    display:block;float: left;;margin-left: 20px;padding: 12px 40px 13px 40px;
}
#feedback_c .wbf-textarea { font-size: 14px; border: none;  width: 100%; background: #fff;
    height: 55px;
    padding: 15px 25px; margin-top: 10px;
    line-height: 22px;
    box-sizing: border-box;
}


/*导航*/

.page{ margin:0 auto; width:1400px}

.top { background:#009b4c; }

.NavCeshi > li { float: left; width:155px; height:70px; top: 0px; -webkit-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; padding-right: 0px; background:url(../img/nav_x.jpg) no-repeat left; }

.NavCeshi > li > a { display: block; text-align: center; padding-top:12px; font-size: 16px; line-height:48px; color: #fff; -webkit-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; height:58px; position: relative; z-index: 1113; }

.NavCeshi > li > a > .en{ display: block; font-size: 12px; font-weight: 100; color: #00ec66; line-height:24px; overflow: hidden; text-indent: 0; -webkit-transition:0.2s all ease-in-out; transition:0.2s all ease-in-out; white-space: nowrap; }

.NavCeshi > li > a:hover,.NavCeshi .cur > a{ color: #fff; background: #ffa401; }

/*.NavCeshi > li.navcurrent > a, .NavCeshi > li:hover > a, .NavCeshi .cur a{ color: #fff; background: #ffa401; }*/

.NavCeshi > li.navcurrent > a > .en,.NavCeshi > li:hover > a > .en{ color: #fff;}

.erji_menu { display: none; width: 100%; position: absolute; left: 0; background: rgba(250,250,250,0.95); z-index: 111; top:274px; }

.erji_menu > .page > .fl { display: block; padding: 90px 0; width: 140px; }

.erji_menu > .page > .fl:before,.erji_menu > .page > .fl::before{ content: ''; display: block; width: 60px; height: 3px; background: #00b54e; margin-bottom: 20px; }

.erji_menu > .page > .fl > strong{ font-size: 22px; display: block; color: #00b54e; line-height: 30px; }

.erji_menu > .page > .fl > a{ display: block; width: 120px; border: 1px solid #00b54e; text-align: center; line-height: 30px; color: #00b54e; font-family: arial; border-radius: 50px; margin-top: 20px; text-transform: uppercase; }

.erji_menu > .page > .fr { width: 1100px; height: 150px; padding: 60px 0; }

.erji_menu > .page > .fr > ul{ float: left; padding: 0 30px; }

.erji_menu.product_list_nav > .page > .fr > ul{ width: 150px; padding:0 10px; text-align: center; }

.erji_menu > .page > .fr > ul img{ width: 100%; display: block; height: auto; background: #00b54e; -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out; }

.erji_menu > .page > .fr > ul a:hover img{ padding: 2px; width: 146px; }

.erji_menu > .page > .fr > ul > strong{ display: block; }

.erji_menu > .page > .fr > ul > strong a{ font-size: 15px; font-weight: 100; color: #00b54e; display: block; line-height: 40px; padding-bottom:5px;}

.erji_menu.product_list_nav > .page > .fr > ul > strong a{ color: #444; }

.erji_menu > .page > .fr > ul > li > a{ display: block; line-height: 24px; color: #666}

.erji_menu > .page > .fr > ul > li > a:hover{ color:#ffa401; }

.erji_menu.product_list_nav > .page > .fr > ul > strong a:hover{ background:none; color:#333; }

.erji_menu .nav_news li { width: 240px; }

.erji_menu .nav_news li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.NavCeshi .navcurrent {width:155px; height:70px; background: #ffa401; -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out;}


.mod1170 .top_bg {
        width: 100%;
        min-width: 1200px;
        height: 35px;
        font-size: 14px;
        line-height: 35px;
        background: #f1f1f1;
    }
    .mod1170 .top_bg .fl {
        width: 500px;
    }
    .mod1170 .top_bg a {
        font-size: 14px;
        color: #333;
    }
    .mod1170 .top_bg a:hover {
        color: #ffa401;
    }
    .mod1170 .top_bg i {
        margin-left: 10px;
    }



.xbanner{ width:100%; overflow:hidden; height:300px;}
.xbanner img{ width:100%;}

.container{ width:1400px; margin: 20px auto;}
.atweizhi{ height:40px; line-height:40px; border-bottom:1px dashed #ccc; font-size:14px;}

.GetCatName{ margin:30px auto; text-align:center;}
.GetCatName .en{ color:#ddd; font-size:35px; text-transform:uppercase;}
.GetCatName .title{ color:#009b4c; font-size:30px; font-weight:bolder;}
.aboutus{ font-size:18px; line-height:33px;}

.newslist{}
.newslist li{ font-size:16px; height:50px; line-height:50px; border-bottom:1px solid #ddd; background:url(../img/ys_wzb_04.png) left center no-repeat;}
.newslist li a{ padding-left:20px; width:1000px; float:left; display:inline;}
.newslist li span{ font-size:14px; width:100px; float:right; display:inline; text-align:right; color:#999;}
.newsshow{}
.newsshow h1{ text-align:center; font-size:28px; font-weight:normal; height:50px; line-height:50px;}
.newsshow .content-title p{ text-align:center; font-size:14px; height:40px; line-height:40px; color:#999;}
.newsshow .content-body{ font-size:16px; line-height:35px; margin:20px 0;}
.content-exp{ margin:30px 0; line-height:30px; border-top:1px dotted #ddd; padding-top:20px;}




.productlist{}
.productlist li{ width:400px; height:350px; border:1px solid #ddd; float:left; display:inline; margin:15px 25px;}
.productlist li img{width:400px; height:300px;}
.productlist li p{ width:400px; height:40px; line-height:40px; text-align:center; font-weight:18px;}
.productlist li:hover{ border:1px solid #009b4c;}
.productshow{}
.productshow .img-center{width:500px; margin:20px auto;}
.productshow .img-center img{ width:500px; height:375px;}
.productshow h1{ text-align:center; font-size:18px;}
.productshow h2{ font-size:16px; font-weight:normal; color:#ff9900; height:60px; line-height:60px; border-bottom:1px solid #ddd;}
.content-body{ margin:10px 0; font-size:14px; line-height:30px;}






.lanmu2{ text-align:center; font-size:18px; margin:30px auto; width:620px;}
.lanmu2 li{ float:left; display:inline;}
.lanmu2 li a{ width:200px; height:50px; line-height:50px; display:inline-block; border:1px solid #ddd;}
.lanmu2 li a:hover{ background:#009b4c; color:#fff;border:1px solid #009b4c;}


/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 3px;font-weight:bold;}
.page_list{height:28px;line-height:28px;text-align:center;letter-spacing:0;font-size:14px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 2px;}
.page_list a:hover{color:#fff;border:1px solid #009b4c;background:#009b4c;}
.page_list a.on{color:#fff;border:1px solid #009b4c;background:#009b4c;}

/*留言*/
.m-message{ width:800px; margin:50px auto;}
.msg_input{width:600px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.m-message td{ padding:5px;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:left;}
.msg_btn_area a{display:inline-block;padding:10px 15px;background:#f90;color:#fff;text-align:center;font-size:16px;overflow:hidden;cursor:pointer;}
.msg_btn_area a:hover{color:#fff; text-decoration:underline;}